<template>
	<view>
		<u-empty v-if="payMyList.length === 0" mode="data" icon=""></u-empty>
		<view class="wrap" v-else>
			<view class="ml32 mr30">
				<!-- 1 -->
				<u-sticky>
					<view class=""><u-search placeholder="搜索" v-model="keyword" :showAction="false"></u-search></view>
				</u-sticky>

				<!-- 3 -->
				<view class="">
					<!--  -->
					<view class="mt32" v-for="item in payMyList" :key="item">
						<view class="wrap flex-between">
							<view class="left flex-cen">
								<view class=""><u-avatar class="" :src="src"></u-avatar></view>
							</view>
							<view class="right  flex-align flex-between ps22">
								<view class="">安安</view>
								<view class="flex-align">
									<view class=""><u-button text="关注" color="#AE51FF"></u-button></view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			payMyList: []
		};
	},
	onShow() {
		this.getpayMyList();
	},
	methods: {
		async getpayMyList() {
			let re = await this.$API.friendApi.payMyList();
			this.payMyList = re;
		}
	}
};
</script>

<style lang="scss">
.addPhoneFriend {
	width: 688rpx;
	height: 130rpx;
	background: #f1f1f1;
	border-radius: 26rpx 26rpx 26rpx 26rpx;
	opacity: 1;
}
.word {
	width: 168rpx;
	height: 34rpx;
	font-size: 24rpx;
	// font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	// line-height: 0rpx;
	-webkit-background-clip: text;
	// -webkit-text-fill-color: transparent;
}
.word1 {
	width: 120rpx;
	height: 32rpx;
	font-size: 24rpx;
	// font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #959595;
	line-height: 44rpx;
	-webkit-background-clip: text;
	// -webkit-text-fill-color: transparent;
}
.right {
	width: 590rpx;
	border-bottom: 2rpx solid #fafafa;
}
.title {
	// width: 144rpx;
	// height: 50rpx;
	font-size: 36rpx;
	// font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #000000;
	// line-height: 0rpx;
	-webkit-background-clip: text;
	// -webkit-text-fill-color: transparent;
}
.btn {
	// width: 112rpx;
	// height: 60rpx;
	background: #ae51ff;
	border-radius: 8rpx 8rpx 8rpx 8rpx;
	opacity: 1;
	.word2 {
		width: 56rpx;
		height: 40rpx;
		font-size: 28rpx;
		// font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #ffffff;
		// line-height: 0rpx;
		-webkit-background-clip: text;
		// -webkit-text-fill-color: transparent;
	}
}
</style>
